﻿@{
    ViewBag.Title = "Products";
    Layout = "~/Areas/Administrator/Views/Shared/Layout.cshtml";
}
@model MvcPaging.IPagedList<DE_MVC_WyFy.Models.Product>
<link rel="stylesheet" href="@Url.Content("~/Content/Admin/css/style.css")" type="text/css" media="all"/>

<link rel="stylesheet" href="@Url.Content("~/Content/Admin/css/products.css")" type="text/css" media="all"/>
<link rel="stylesheet" href="@Url.Content("~/Content/Admin/css/superfish.css")" type="text/css" media="all"/>
<link rel="stylesheet" href="@Url.Content("~/Content/Admin/css/vertical_slider.css")" type="text/css" media="all"/>
<link rel="stylesheet" href="@Url.Content("~/Content/Admin/css/tooltip.css")" type="text/css" media="all"/>
<link rel="stylesheet" href="@Url.Content("~/Content/Admin/css/form.css")" type="text/css" media="all"/>
<link rel="stylesheet" href="@Url.Content("~/Content/Admin/css/jquery.lightbox-0.5.css")" type="text/css" media="all"/>

<div class="content_all">
    <div class="content-outer">
        <div class="content-inner">
            <div class="title_border_nopadd">
                <h1>Table Template</h1>
                <div class="dash-sub-menu">
                    <ul>
                        <li><a href="#" class="active"><span><span>Products</span></span></a></li>
                        <li><a href="#"><span><span>Pending</span></span></a></li>
                        <li><a href="#"><span><span>Shipped</span></span></a></li>
                        <li><a href="#"><span><span>Discounts</span></span></a></li>
                    </ul>
                </div>
            </div>
            <div class="before-after-table">
                <ul class="select_all">
                    <li><a href="#" title=""><span><span><span class="plus">select all</span></span></span></a></li>
                    <li><a href="#" title=""><span><span><span class="minus">deselect all</span></span></span></a></li>
                </ul>

                <ul id="nav_top" class="nav">
                    <li><a href="#" class="change">Set Status Approved</a>
                        <ul>
                            <li><a href="#">General Inquiry</a> </li>
                            <li><a href="#">Programming </a></li>
                            <li><a href="#">Website Quote Request</a> </li>
                            <li><a href="#">Feedback</a> </li>
                            <li><a href="#">Help and Support</a> </li>
                        </ul>
                    </li>
                </ul>
                <strong class="apply-action">Apply Action :</strong>
            </div>
            <form name="frm-checkboxes" action="" method="post">
                <table cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                        <tr>
                            <th class="check"></th>
                            <th class="photo">Photo</th>
                            <th class="item_name"><a href="#" title="Sort by name">Item name</a></th>
                            <th class="price"><a href="#" title="Sort by price descending." class="tooltip">Price</a></th>
                            <th class="status"><a href="#" title="Sort by status">Status</a></th>
                            <th class="move">Move</th>
                            <th class="quickaction">Quick Actions</th>
                        </tr>
                        @foreach (var item in Model)
                        {
                            <tr>
                                <td class="check">
                                    <input type="checkbox" name="check_selected[]" /></td>
                                <td><a href="#" class="img_small" title="640x480, JPG">
                                    <img src="../../../../Content/img/product/fashion/20120828.jpg" alt="product image" /></a></td>
                                <td class="item_name">
                                    @Html.ActionLink(item.Name, "Edit", new { id = item.ID })
                                </td>
                                <td class="price">@item.Price</td>
                                <td class="status"><span class="approved">@item.Status</span></td>
                                <td class="move">
                                    <ul>
                                        <li><a href="#" class="move1" title="Move item up"></a></li>
                                        <li><a href="#" class="move2" title="Move item down"></a></li>
                                        <li><a href="#" class="move3" title="Move item to the top"></a></li>
                                        <li><a href="#" class="move4" title="Move item to the bottom"></a></li>
                                    </ul>
                                </td>
                                <td class="quickaction">
                                    <ul>
                                        <li><a href="#" class="view"><span><span>View</span></span></a></li>
                                        <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                                        <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                                    </ul>
                                </td>
                            </tr>
                        }


                    </tbody>

                </table>
            </form>
            <div class="before-after-table">
                <ul class="select_all">
                    <li><a href="#" title=""><span><span><span class="plus">select all</span></span></span></a></li>
                    <li><a href="#" title=""><span><span><span class="minus">deselect all</span></span></span></a></li>
                </ul>

                <ul id="nav_bottom" class="nav">
                    <li><a href="#" class="change">Set Status Approved</a>
                        <ul>
                            <li><a href="#">General Inquiry</a> </li>
                            <li><a href="#">Programming </a></li>
                            <li><a href="#">Website Quote Request</a> </li>
                            <li><a href="#">Feedback</a> </li>
                            <li><a href="#">Help and Support</a> </li>
                        </ul>
                    </li>
                </ul>
                <strong class="apply-action">Apply Action :</strong>
            </div>
        </div>
    </div>
    <div class="pagination">
        @if (((DE_MVC_WyFy.Models.PageInfo)ViewBag.Page).TotalPage > 1)
        {
            @Html.Partial("_PagingBox", (DE_MVC_WyFy.Models.PageInfo)ViewBag.Page)
        }
@*@Html.Pager(Model.PageSize, Model.PageNumber, Model.TotalItemCount)*@
        <div class="prev_link"><a href="#" class="prev_inactive">Prev Page</a> </div>
        <div class="middle_link"><a href="#" class="active">1</a> <a href="#">2</a> <a href="#">3</a> <span>...</span> <a href="#">98</a> <a href="#">99</a> <a href="#">100</a> <a href="#">101</a> </div>
        <div class="next_link"><a href="#" class="next_active">Next Page</a> </div>
    </div>
    <br style="clear: left;" />
</div>

